<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"	
	template="/pages/plantilla.xhtml">
	
	<ui:define name="title">SISPAGOS | Recaudacion</ui:define>
	<ui:define name="contenido" >
	<f:view>
		<h:form id="myform" prependId="false" enctype="multipart/form-data">
          <table style="width:100%">
          <tr>
          <td align="center">
		  <h:selectOneMenu value="#{loginController.anioSeleccionado}" style="width:80px">
			<f:selectItem itemLabel="2010" itemValue="2010"/>
			<f:selectItem itemLabel="2011" itemValue="2011"/>
			<f:selectItem itemLabel="2012" itemValue="2012"/>
			<f:selectItem itemLabel="2013" itemValue="2013"/>
		  </h:selectOneMenu>
          <h:selectOneMenu value="#{loginController.mesSeleccionado}" style="width:120px">
			<f:selectItems value="#{loginController.listaMeses}"/>
		  </h:selectOneMenu>
		  </td>
		  <td align="right" valign="top">
		  </td>
		  </tr>
		  </table>
		  
				  <p:dataTable value="#{recaudacionController.listvwRecaudacion}" var="voucher">
				  <p:column>
				  <f:facet name="header">numero Voucher</f:facet>
				  <h:outputText value="#{voucher.numeroVoucherPago}"/>
				  </p:column>
				  <p:column>
				  <f:facet name="header">Nombre</f:facet>
				  #{voucher.nombreDescripcionVoucher}
				  </p:column>
				  <p:column>
				  <f:facet name="header">Concepto</f:facet>
				  #{voucher.nombreConceptoPago}
				  </p:column>
				  <p:column>
				  <f:facet name="header">Monto del Concepto</f:facet>
				  #{voucher.montoConceptPagoPeriodo}
				  </p:column>
				  <p:column>
				  <f:facet name="header">Monto Voucher</f:facet>
				  #{voucher.montoVoucherPago}
				  </p:column>
				  </p:dataTable>
 		</h:form>
 	</f:view>
	</ui:define>
</ui:composition>